<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>CSS技术</title>
  <!--引用专门的.css文件的方法-->
  <link rel="stylesheet" href="css/tyust.css"/>
  <!--专门放样式-->
  <style>
      /**css的第一种放置方法-放在head内部**/
   /**这也是一个标记选择器，这里是div，那意味着下面所有的div标记都是这个style**/
   div{
    font-size:80px;
    color: blue;
   } 
   .titCss{
    font-size: 50px;
    color: aqua;
   }
   
   #firstDiv{
    color:mediumvioletred;
    font-size: 12px;
   }
   #secondDiv{
    color:lawngreen;
    font-size: 30px;
   }
  </style>
 </head>
 <body>
  <div>
   太原科技大学物联网工程专业
  </div>
  <div>
   太原科技大学智能工程专业
  </div>
  <span style="color:#FF7F00">
   6-30位字母、数字或“_”字母开头
  </span>
  
  <h2>不是div，没用到第一种css使用方法</h2>
  <div>
   是div，用到了第一种css使用方法
  </div>
  
  <h2 class</h2>
  <p>第一个段落</p>
  <p class="titCss">第二个段落</p>
  <span class="titCss">提示</span>
  
  <h2>id选择器</h2>
  <div id="firstDiv">java研发工程师</div>
  <div id="secondDiv">java大数据研发工程师</div>
 </body>
</html>